<%@ page language="java" contentType="text/html; charset=utf-8"
 pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>

<!DOCTYPE html>
<html>
<head>
<!--
===
This comment should NOT be removed.

Charisma v2.0.0

Copyright 2012-2014 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0

http://usman.it
http://twitter.com/halalit_usman
===
-->
<meta charset="utf-8">
<title>管理员界面</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">

<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.min.css" rel="stylesheet">

<link href="css/charisma-app.css" rel="stylesheet">
<link href='bower_components/fullcalendar/dist/fullcalendar.css' rel='stylesheet'>
<link href='bower_components/fullcalendar/dist/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='bower_components/chosen/chosen.min.css' rel='stylesheet'>
<link href='bower_components/colorbox/example3/colorbox.css' rel='stylesheet'>
<link href='bower_components/responsive-tables/responsive-tables.css' rel='stylesheet'>
<link href='bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<link href='css/animate.min.css' rel='stylesheet'>
<link href='css/mycss.css' rel='stylesheet'>

<!-- jQuery -->
<script src="bower_components/jquery/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/WebPage/js/from_ck.js"></script>
<script src="${pageContext.request.contextPath}/WebManagement/js/newadmin.js"></script>
<script type="text/javascript">
	var BASE_PATH = '${pageContext.request.contextPath}';
</script>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
             <body>
             <!-- topbar starts -->
             <jsp:include page="topbar.jsp"></jsp:include>
             <!-- <div class="navbar navbar-default" role="navigation">

             <div class="navbar-inner">
             <button type="button" class="navbar-toggle pull-left animated flip">
             <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             </button>
             <a class="navbar-brand" href="index.jsp">
             <span>后台用户管理界面</span></a>
             <ul class="collapse navbar-collapse nav navbar-nav top-menu">
             <li><a href="#"><i class="glyphicon glyphicon-globe"></i> Visit Site</a></li>
             </ul>
             </div>
             </div> -->

             <!-- topbar ends -->

             <div class="ch-container">
             <div class="row">

             <!-- left menu starts -->
             <jsp:include page="leftmenu.jsp"></jsp:include>
            <!--  <div class="col-sm-2 col-lg-2">
             <div class="sidebar-nav">
             <div class="nav-canvas">
             <div class="nav-sm nav nav-stacked">

             </div>
             <ul class="nav nav-pills nav-stacked main-menu">
             <li class="nav-header">操作</li>
             <li><a class="ajax-link" href="index.jsp"><i class="glyphicon glyphicon-home"></i><span> 首页</span></a>
             </li>
             <li class="accordion">
             <a href="#"><i class="glyphicon glyphicon-list-alt"></i><span> 列表信息</span></a>
             <ul class="nav nav-pills nav-stacked">
             <li><a href="userlist.jsp">用户列表</a></li>
             <li><a href="rolelist.jsp">角色列表</a></li>
             <li><a href="permissionlist.jsp">权限列表</a></li>
             </ul>
             </li>
             <li class="accordion"><a href="#"><i class="glyphicon glyphicon-edit"></i><span> 报告发布</span></a><ul class="nav nav-pills nav-stacked"><li><a href="dailypublish.jsp">每日报告</a></li><li><a href="hotpublish.jsp">热点报告</a></li></ul></li>
             <li class="accordion">
             <a href="#"><i class="glyphicon glyphicon-file"></i><span> 历史信息管理</span></a>
             <ul class="nav nav-pills nav-stacked">
             <li><a href="historyrecorddaily.jsp">每日舆情</a></li>
             <li><a href="historyrecordhot.jsp">热点舆情</a></li>
             </ul>
             </li>
             <li>
             <a href="userPaymentsRecord.jsp"><i class="glyphicon glyphicon-shopping-cart"></i><span>用户收费信息管理</span></a>
             </li>

             <li class="accordion">
             <a href="#"><i class="glyphicon glyphicon-list-alt"></i><span> 系统通知</span></a>
             <ul class="nav nav-pills nav-stacked">
             <li><a href="systemrefer.jsp">查询</a></li>
             <li><a href="systemedit.jsp">编辑</a></li>
             </ul>
             </li>

             <li class="nav-header hidden-md">其它</li>
             <li><a class="ajax-link" href="user.jsp"><i
             class="glyphicon glyphicon-user"></i><span> 用户信息</span></a></li>
             </ul>
             </div>
             </div>
             </div> -->
             <!--/span-->
             <!-- left menu ends -->

             <noscript>
             <div class="alert alert-block col-md-12">
             <h4 class="alert-heading">Warning!</h4>

             <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
             enabled to use this site.</p>
             </div>
             </noscript>

             <div id="content" class="col-lg-10 col-sm-10">
             <!-- content starts -->
             <div>
             <ul class="breadcrumb">
             <li>
             <a href="${pageContext.request.contextPath }/WebManagement/index.jsp">主页</a>
             </li>
             
             <li>
             <a href="#">新建管理员</a>
             </li>
             </ul>
             </div>
             <div class="row">
             <div class="box col-md-12">
             <div class="box-inner homepage-box"  style="height: auto">
             <div class="box-header well">
             <h2><i class="glyphicon glyphicon-th"></i> 新建管理员</h2>
             </div>
             <!-- 操作结果提示框 -->
		     <div id="noresult" style="display:none">
		     <div id="resultinfo" ></div>
		     <button id="res_confirm">确定</button> 
		     </div>
             
             <br/>
             <div class="row">
             
             <div class="col-md-9 ">
             <label class="control-label" >&nbsp;&nbsp;&nbsp;&nbsp;姓名：&nbsp;&nbsp;&nbsp;&nbsp;</label>
             <input name="username" type="text" required="required" value="" onBlur="chkUserName(this)" id="username">
             <div class="clear"> </div>             
             </div>
             <div class="col-md-3">
				<SPAN id="username_notice" >*</SPAN>
			 </div> 
			 
			 <div class="col-md-9 ">
             <label class="control-label" >&nbsp;&nbsp;&nbsp;&nbsp;手机：&nbsp;&nbsp;&nbsp;&nbsp;</label>
             <input id="phonenumb" name="phonenumb" type="text" pattern="[0-9]{11}"  required="required" onBlur="chkPhoneNum(this)">
			 <div class="clear"> </div>
			 </div>
			 <div class="col-md-3">
				<SPAN id="phonenum_notice" >*</SPAN>
			 </div>
             
             
             <div class="col-md-9 ">
             <label class="control-label" >&nbsp;&nbsp;&nbsp;&nbsp;身份证：</label>
             <input id="idcardnumb" name="idcardnumb" type="text" onblur="checkIDCard(this)"  required="required">
	         <div class="clear"> </div>
             </div>			 
			 <div class="col-md-3 ">
				<SPAN id=idcard_notice >*</SPAN>
			 </div> 
			 
             <div class="col-md-9 ">
             <label>&nbsp;&nbsp;&nbsp;&nbsp;性别：</label>
			 <label class="checkbox-inline">
			    <input type="radio" name="sex" id="female" 
			         value="female" checked> 女
			    </label>
			  <label class="checkbox-inline">
			   	<input type="radio" name="sex" id="male" 
			         value="male">男
			  </label>  
             </div>
             <img id="loading" src="../WebPage/img/loading.gif"style="display:none">
             <div class="col-md-3">
             <button id="newadminBtn" type="submit" >新建管理员</button>
             </div>
             
             </div>
             </div>
             </div>
             </div>
             </div>
             </div>
             </div>

             
             <!-- external javascript -->

<script src="${pageContext.request.contextPath }/WebManagement/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- library for cookie management -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.cookie.js"></script>
<!-- calender plugin -->
<script src='${pageContext.request.contextPath }/WebManagement/bower_components/moment/min/moment.min.js'></script>
<script src='${pageContext.request.contextPath }/WebManagement/bower_components/fullcalendar/dist/fullcalendar.min.js'></script>
<!-- data table plugin -->
<script src='${pageContext.request.contextPath }/WebManagement/js/jquery.dataTables.min.js'></script>

<!-- select or dropdown enhancer -->
<script src="${pageContext.request.contextPath }/WebManagement/bower_components/chosen/chosen.jquery.min.js"></script>
<!-- plugin for gallery image view -->
<script src="${pageContext.request.contextPath }/WebManagement/bower_components/colorbox/jquery.colorbox-min.js"></script>
<!-- notification plugin -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.noty.js"></script>
<!-- library for making tables responsive -->
<script src="${pageContext.request.contextPath }/WebManagement/bower_components/responsive-tables/responsive-tables.js"></script>
<!-- tour plugin -->
<script src="${pageContext.request.contextPath }/WebManagement/bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js"></script>
<!-- star rating plugin -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.raty.min.js"></script>
<!-- for iOS style toggle switch -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.iphone.toggle.js"></script>
<!-- autogrowing textarea plugin -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.autogrow-textarea.js"></script>
<!-- multiple file upload plugin -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.uploadify-3.1.min.js"></script>
<!-- history.js for cross-browser state change on ajax -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.history.js"></script>
<!-- application script for Charisma demo -->
<script src="${pageContext.request.contextPath }/WebManagement/js/charisma.js"></script>
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.blockUI.js"></script>


<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.blockUI.js"></script>

<script type="text/javascript">
$(document).ajaxStart(
		function(){$.blockUI({
			message:$('#loading'),
			 css: {
                    border: 'none',                   // 无边界
                    width:"20px",                     // 中间框框的宽度
                    top:"50%",                        // 高居中
                    left:"50%"                        // 左居中
               },
               overlayCSS:{backgroundColor:'#fff'}
					})
}).ajaxStop($.unblockUI);
</script>

</body>
</html>